<div class="col-md-12">
    <section class="panel panel-default">
        <div class="panel-heading">
           <!-- <h5>机器人分组</h5>-->
            <div class="panel-search form-inline" >
                <div class="input-group">
                    <span class="input-group-addon" ng-hide="vm.queryParams.name">分组名称：</span>
                    <input class="form-control" style="float:left;width:200px" ng-model="vm.queryParams.groupName" ui-keydown="{'enter': 'vm.search()'}">
                </div>
                <div class="input-group" style="float: right;">
                    <button type="button" class="btn btn-primary" ng-click="vm.createNewGroup()">
                        <i class="fa fa-fw fa-plus"></i>添加
                    </button>
                </div>
                <div class="input-group" style="float: right;margin-right: 10px;">
                    <button type="button" class="btn btn-primary" ng-click="vm.search()">
                        <i class="fa fa-fw fa-search"></i>查询
                    </button>
                </div>
            </div>
        </div>
        <table class="am-fade-and-scale table table-hover" >
            <thead>
            <tr>
                <th style="width: 25%;">
                    分组名称<i class="text-info fa fa-fw"></i>
                </th>
                <th style="width: 10%;">
                    机器人数量<i class="text-info fa fa-fw"></i>
                </th>
                <th style="width: 25%;">
                    当前计划<i class="text-info fa fa-fw"></i>
                </th>
                <th style="width: 10%;">
                    创建用户<i class="text-info fa fa-fw"></i>
                </th>
                <th style="width: 15%;">
                    创建时间<i class="text-info fa fa-fw"></i>
                </th>
                <th style="width: 15%;">操作</th>
            </tr>
            </thead>
            <tbody class="text-muted">
            <tr ng-repeat="group in vm.groups | orderBy : vm.sorter.order : vm.sorter.reverse track by $index">
                <td ng-bind="::group.groupName | readable"></td>
                <td ng-bind="::group.robotNumber | readable"></td>
                <td ng-bind="::group.planName || '无'"></td>
                <td ng-bind="::group.createBy || '管理员'"></td>
                <td ng-bind="::group.createDate | date:'yyyy-MM-dd HH:mm:ss'"></td>
                <td>
                    <a ng-click="vm.addOrdelRobot(group)">详情</a> |
                    <a ng-click="vm.createNewGroup(group)">修改名称</a> |
                    <a ng-click="vm.delete(group)">删除</a>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="panel-footer text-center" ng-if="vm.isLoaded">
            <uib-pagination class="pagination-sm" ng-model="vm.queryParams.page" ng-change="vm.search()" total-items="vm.totalItems" max-size="vm.queryParams.size"></uib-pagination>
        </div>
    </section>
</div>
<div>
    <script type="text/ng-template" id="delGroupComfimCtrl.html">
        <div class="modal-header">
            <h4 class="modal-title">是否确认删除该分组？</h4>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" type="button" ng-click="ok()">确认</button>
            <button class="btn btn-warning" type="button" ng-click="cancel()">取消</button>
        </div>
    </script>
    <script type="text/ng-template" id="createNewGroup.html">
        <div class="modal-header">
            <h5 class="modal-title">新增分组</h5>
        </div>
        <div class="modal-body">
            <div>
                <div class="panel-search form-inline" >
                    <div class="input-group">
                        <span class="input-group-addon" style="background: #ffffff; border: 0px;">分组名称：</span>
                        <input class="form-control" id="newGroupName">
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" type="button" ng-click="ok()">确认创建</button>
            <button class="btn btn-warning" ng-click="cancel()">关闭</button>
        </div>
    </script>

    <script type="text/ng-template" id="tipsModel.html">
        <div class="modal-header">
            <h4 class="modal-title">{{resultMsg}}</h4>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" type="button" ng-click="ok()">确认</button>
        </div>
    </script>